﻿<SettingsFlyout
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:MVAScratchPad.Settings"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ViewModels="using:MVAScratchPad.ViewModels"
    x:Class="MVAScratchPad.Views.Settings"
    mc:Ignorable="d"
    IconSource="Assets/SmallLogo.png"
    Title="Settings"
    d:DesignWidth="346">

    <SettingsFlyout.DataContext>
        <ViewModels:SettingsViewModel/>
    </SettingsFlyout.DataContext>

    <!-- This StackPanel acts as a root panel for vertical layout of the content sections -->
    <StackPanel VerticalAlignment="Stretch" HorizontalAlignment="Stretch" >

        <!-- The StackPanel(s) below define individual content sections -->

        <!-- Content Section 1-->
        <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">

            <Button Content="Delete Search History" Width="200">
                <Button.Flyout>
                    <Flyout Placement="Top">
                        <StackPanel>
                            <TextBlock Margin="0,0,0,15" Style="{StaticResource TitleTextBlockStyle}">Are you sure?</TextBlock>
                            <Button Content="Delete Search History" Command="{Binding DeleteSearchHistoryCommand, Mode=OneWay}" />
                        </StackPanel>
                    </Flyout>
                </Button.Flyout>
            </Button>

            <Button Content="Delete All Notes" Width="200" Margin="0,25,0,0">
                <Button.Flyout>
                    <Flyout Placement="Top">
                        <StackPanel>
                            <TextBlock Margin="0,0,0,15" Style="{StaticResource TitleTextBlockStyle}">Are you sure?</TextBlock>
                            <Button Content="Delete All Notes" Command="{Binding ResetCommand, Mode=OneWay}" />
                        </StackPanel>
                    </Flyout>
                </Button.Flyout>
            </Button>
        </StackPanel>
    </StackPanel>
</SettingsFlyout>
